专题 02

Claude Agent SDK 教程:通讯智能助手(Email Agent)

一套由浅入深的中文教程,带你拆解一个连接真实邮箱的 AI 全栈应用——从 IMAP 协议到 React 看板,从 AI 对话到自动化处理。

开始学习 12 篇章节

Claude Agent SDK 教程:通讯智能助手(Email Agent)

一套由浅入深的中文教程,带你拆解一个连接真实邮箱的 AI 全栈应用——从 IMAP 协议到 React 看板,从 AI 对话到自动化处理。


教程目录

认识系统

课程 标题 你会学到
第1课 这个邮件助手能干嘛? 三大核心能力、系统全貌
第2课 技术全景图 六大模块、数据流、核心概念
第3课 环境搭建 Gmail 配置、Bun 安装、跑通项目

基础设施

课程 标题 你会学到
第4课 IMAP 邮件系统 邮箱连接、邮件同步、IDLE 实时监听
第5课 数据库与存储 SQLite 表结构、数据操作、WAL 模式
第6课 WebSocket 实时通信 双向通道、消息类型、实时推送

智能核心

课程 标题 你会学到
第7课 AI 对话核心 Session、工具箱、搜索子Agent、callAgent
第8课 一键操作 Actions 模板定义、handler 编写、ActionContext
第9课 自动化 Listeners 事件监听、递归AI模式、渐进式过滤
第10课 数据看板 UI State、React 组件、三层架构

融会贯通

课程 标题 你会学到
第11课 完整实战串讲 从启动到处理邮件的完整链路
第12课 进阶扩展 自己写 Listener / Action / 组件

适合谁?

  • 有基础的 Web 开发经验(了解 HTTP、前后端概念)
  • 想了解 AI Agent 全栈应用开发
  • 想学习事件驱动 + AI 自动化的架构设计

技术栈

  • 前端: React + TypeScript + Tailwind CSS
  • 后端: Bun + WebSocket
  • 数据库: SQLite
  • 邮件: IMAP (node-imap + mailparser)
  • AI: Claude Agent SDK + Anthropic API

最终成果

学完后你将理解一个完整的 AI 邮件自动化系统:

code
新邮件到达 Gmail
  → IMAP 实时接收
  → 存入数据库
  → AI 自动分析分类
  → 自动记账 / 提取待办 / 贴标签
  → 看板实时更新
  → 你在浏览器里看到一切

按顺序完成整套专题